/**
 * Created by dell1 on 2017/6/22.
 */
$(function(){
    // 商品详情input切换
    $('.details-title li').click(function(){
        $(this).addClass('under').siblings().removeClass('under');
        var index = $(this).index();
        $('.details>div').eq(index).removeClass('none').siblings('div').addClass('none');
    });
    // 颜色选择
    $('div.color div').click(function(){
        $(this).css({'background':'#6D6D6D','color':'white'}).siblings().css({'background':'white','color':'black'})
        var index = $(this).index();
        $('div.size>div').eq(index).removeClass('none').siblings('div').addClass('none');
    });
    // 尺寸选择
    $ ('div.size div div').click(function(){
        $(this).css({'background':'#6D6D6D','color':'white'}).siblings().css({'background':'white','color':'black'})
    });
    // 数量选择
    $('div.number .minus').click(function(){
        var number = parseInt( $('#number').val());
        if(number == 1){
            $('#number').val('1');
        }else{
            number--;
            $('#number').val(number);
        }
    });

    $('div.number .add').click(function(){
        var number = parseInt( $('#number').val());
        number++;
        $('#number').val(number);
    });

    // 查看条框弹出框
    $('#clause').click(function(){
        $('#popup').removeClass('none')
    });

    $('#popup').click(function(){
        $(this).addClass('none');
    });
    $('#box').click(function(event){
        event.stopPropagation();
    });
    $('.X').click(function(){
        $('#popup').addClass('none');
    });

    //评论区
    var text = document.getElementById('text');
    var submit = document.getElementById('submit');
    var cFooter = document.getElementById('comment-footer');
    submit.onclick = function(){
        var date = new Date;
        var time = date.getFullYear()+ '-' + date.getMonth()+ 1 + '-' + date.getDate() + '&nbsp;' + date.getHours() + ':' +  date.getMinutes()+':'+date.getSeconds();
        var  value = text.value;
        var  New = "<div class='clearfix'> <ul>"
            + "<li class='iD'>" + "1" + "</li>"
            + "<li class='time'>" + time + "</li>"
            + "<li class='reply'><img src='./public/png/xinxi.png' alt=''/></li>"
            + "</ul>"
            + "<span class='text'>" + value + "</span>"
            + "</div>";
        cFooter.innerHTML += New;
        text.value = '';
    };



});